@charset "utf-8";
/* CSS Document */

@font-face{
    font-family:"Marck Script";
    font-weight: 400;
    src: url('../Fonts/Marck_Script/MarckScript-Regular.ttf')
}

@font-face{
    font-family:"Roboto";
    font-weight: 700;
    src: url('../Fonts/Roboto/Roboto-Bold.ttf')
}
@font-face{
    font-family:"Roboto";
    font-weight: 500;
    src: url('../Fonts/Roboto/Roboto-Medium.ttf')
}
@font-face{
    font-family:"Roboto";
    font-weight: 400;
    src: url('../Fonts/Roboto/Roboto-Regular.ttf')
}
@font-face{
    font-family:"Roboto";
    font-weight: 300;
    src: url('../Fonts/Roboto/Roboto-Light.ttf')
}

@font-face{
    font-family:"Oswald";
    font-weight: 700;
    src: url('../Fonts/Oswald/Oswald-Bold.ttf')
}
@font-face{
    font-family:"Oswald";
    font-weight: 600;
    src: url('../Fonts/Oswald/Oswald-Semibold.ttf')
}
@font-face{
    font-family:"Oswald";
    font-weight: 400;
    src: url('../Fonts/Oswald/Oswald-Regular.ttf')
}
@font-face{
    font-family:"Oswald";
    font-weight: 300;
    src: url('../Fonts/Oswald/Oswald-Light.ttf')
}

* 
{
	font-family: Roboto, Arial;
	font-weight: 400;
}

p, a, td
{
	font-family: Roboto, Arial !important;
	font-weight: 400;
}

body{
	background-image:url(../images/bg-image-1.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	background-position:center top;
	background-color:#FFF;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0px;
	}
	
.body{
	
	}
	
h1, h2, h3, h4, h5, h6, th
{
	font-family: Oswald;
	font-weight: 700;
}

[class$=Heading] 
{
	font-family: Oswald !important;
	font-weight: 600;
}


.demo-2 .sl-slider h2 
{
	font-size: 30px !important;
	font-family:"Marck Script";
}

.demo-2 .sl-slider h2.banner-title 
{
	font-size: 25px !important;
}


	
	/* START HEADER */

#mainHeader {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	float:left;
	}
	
		.mainHeader nav{
			height:auto;
			width:100%;
			text-align:center;
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;	
			}
		
		.mainHeader nav ul{
			list-style:none;
			margin:0;
			}
			
		.mainHeader nav ul li{
			display:inline;
			
			font-size:10.5pt;
			text-align:center;
			text-decoration:none;
			}	
			
		.mainHeader nav a:link, .mainHeader nav a:visited {
			color:#CCC;
			display:inline-block;
			padding:0.5% 1% 0.5% 1%;
			
			font-size:10.5pt;
			text-align:center;
			text-decoration:none;
			}	
			
		.mainHeader nav a:hover, .mainHeader nav a:active, 
		.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
			background-color:;
			color:#999;
			text-shadow:none;
			}
			
		.mainHeader nav ul li a{
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			}
			
			



#navigation {
    background-color:#893543;
	width:100%;
	line-height:30px;
	border:0;
	margin:0 0 0 0;
	padding:0;
	float:left;
	text-align:center;
}

#navigation ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navigation ul a 
{
	color: #FFF;
    display: block;
    font-family: AvantGarde Bk BT;
    font-weight: 0;
	letter-spacing:1;
	font-size:10.5pt;   
    padding: 5px 30px;
    text-decoration: none;
	}

#navigation ul a:hover
{color:#CCC;
			}

#navigation ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

#navigation li li {
  border-bottom:#c8596c 1px solid;
  width: 100%;
}

#navigation ul ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0
}

#navigation ul ul a {
    line-height: 120%;
    padding: 10px 15px;
    color: #FFF;
}

#home:hover {
    color: #CCC;
}

#zeus:hover {
    color: red;
}

#poseidon:hover {
    color: blue;
}

#hercules:hover {
    color: gold;
}

#athena:hover {
    color: #00ff00;
}

#help:hover {
    color: gray;
}

#account:hover {
    color: gray;
}

#navigation ul li ul a:hover {
    color: #CCC;
}

#navigation ul li:hover > ul {
    display: block;
    background-color: #ac4355; 
    text-align: left;
    z-index: 99;
}



#contaner-top{

	margin:0 0 0 0;
	background-image: linear-gradient(to right, #e8697e , #95162b);
	width:50%;
	text-align:left;
	float:right;
	padding:0 0 0 20;
	}

#header-links{
	
	font-size:1em;
	color:#999;
	text-align:right;
	width:100%;
	border:0px;
	}
	
	#header-links img#fb{
		padding:5px 10px 5px 10px;
		}
	#header-links img#tw{
		padding:5px 10px 5px 10px;
		}
	#header-links img#rss{
		padding:5px 10px 5px 10px;
		}
	#header-links img#loc{
		padding:5px 10px 5px 10px;
		}
	#header-links img#ph{
		padding:5px 10px 5px 10px;
		}
	#header-links img#stm{
		padding:5px 10px 5px 10px;
		}	

.searchfield{
	width:30%;
	height:25px;
	
	font-size:9pt;
	color:#666;
	padding:0px 5px 0px 5px;
	margin:0px;
	border:0px;	
	}

#container-logo {
    width: 100%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	border: 0px #F00 solid;
    
}

.header-logo-1{
	width:47%;
	height:auto;
	padding:1% 1% 1% 1%;
	float:left;
	clear:both;
	border: 0px #C90 solid;
	}
		.header-logo-1 img 	{
			width: 50%;
			margin:0px 0px 0px 30px ;
			}
	
.header-logo-2{
	width:47%;
	height:auto;
	padding:1% 1% 1% 1%;
	float:right;
	text-align:right;
	border: 0px #03F solid;
	}

		.header-logo-2 img {
			width: 30%;
			margin:0px 20px 0px 0px ;
			}


.header-menu{
		text-align:center;
	}
	
#container-main{
	background-color:#FFF;
	padding:0% 0% 0% 0%;
	width:100%;
	height:auto;
	border: 0px #C00 solid;
	float:left;
	}	
	
.header-imgslide{
	width:100%;
	height:30%;
	margin:0;
	}







/* PRODUCT SECTION START */

.mainContainer{
	background-color:#FFF;
	width:90%;
	}

.mainContent{
	background-color:#FFF;
	width:90%;
	float:left;
	padding-top:0%;
	padding-bottom:0%;
	margin:0% 0% 0% 5%;
	}
	

	
.productContentTitleImage{
	border:0;
	width:1.4%;
	height:auto;
	padding:0 20 0 0;
	margin:0 0 0 15;
	float:left;
	}
		.productContentTitleImage img{
				width:100%;
				height:auto;
			}

.ourProductTitle nav {
    width: 20%;
    line-height: 18px;
    float: left;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
		
		.ourProductTitle nav ul{
			width:100%;
			padding:0px;
			margin:0;
			}
			
		.ourProductTitle nav ul li{
			list-style:square;
			display: block;
			background-color:#333;
			width:100%;
			height:34px;
			font-weight: 400;
			font-size:1em;
			text-decoration:none;
			margin:0px 0px 14px 0px;
			}	
			
		.ourProductTitle nav a:link, .ourProductTitle nav a:visited {
			color:#FFF;
			display:block;
			line-height: 34px;
			padding-left:10px;
			font-family:AvantGarde Bk BT !important;			
			font-size: 1em;
			text-decoration:none;
			}	
			
		.ourProductTitle nav a:hover, .ourProductTitle nav a:active, 
		.ourProductTitle nav .active a:link, .ourProductTitle nav .active a:visited {
			background-color:#68273a;
			display:inline-block;
			width:97%;
			text-shadow:none;
			}
			
		.ourProductTitle nav ul li a{
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			}

.aboutContentTitle{
	background-color:;
	
	font-size:10pt;
	color:#666;
	text-align:justify;
	width:39%;
	min-height:26%;
	float:left;
	padding:0% 0% 0% 0%;
	margin:0% 1% 0% 2%;
	vertical-align:middle;
	}
	
		.aboutContentTitle a:link{
			
			text-decoration:none;
			color:#06f;
			}
		.aboutContentTitle a:hover{
			
			text-decoration:underline;
			color:#06f;
			}	
		.aboutContentTitle a:visited{
			color:#06f;
			}
		.aboutContentTitle a:active{
			color:#06f;
			}
			
.aboutContentTitle img{
	width:30%;
	padding:0% 0% 0% 0%;
	margin:0% 0% 0% 2%;
	vertical-align:middle;
	}		
			
.videoContentTitle{
	background-color:#000;
	width:40%;
	height:auto;
	float:left;
	padding:0px;
	margin:0.5%;
	vertical-align:middle;
	}
	

/* OUR APPLICATIONS PANNEL */
.applicationsHeading{
	
	font-size:10pt;
	color:#68273a;
	border-radius:0px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	width:100%;
	height:0%;
	float:left;
	padding:0;
	margin-bottom:0%;
	}
.iconContentTitle1
{
background-color:#FFF;
	width:35%; 
	height:auto;
    border:0;
	border-radius: 0;
	margin:0;
    -webkit-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
	}




		
	.iconContentTitle1:hover{
		box-shadow: 0px 10px 15px rgba(0,0,0,.5);
		z-index: 2;
		-webkit-transition: all 300ms ease-in;
		-ms-transition: all 300ms ease-in;
		-moz-transition: all 300ms ease-in;
		transition: all 300ms ease-in;
		}
		

.appHeadings
{
	font-size:10pt;
	color:#333;
	text-align:center;
	width:33.33%;
	text-align:center;
	vertical-align:top;
 }
 
.ourApplicationsPanel
{
	
	font-size:10pt;
	color:#333;
	text-align:center;
	
}
		
.ourApplicationsPanel-1{
	/*background-color:#F0F0F0;border: solid 5PX #DBDBDB;*/
	
	font-size:10pt;
	color:#333;
	text-align:justify;
	width:18%;
	height:25%;
	float:left;
	padding:10px 20px 10px 20px;
	margin:0% 1% 0% 1%;
	vertical-align:middle;
	
	-webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);
	}	
	.ourApplicationsPanel-1:hover{
		box-shadow: 0px 0px 40px #999999;
		z-index: 2;
		-webkit-transition: all 300ms ease-in;
		-webkit-transform: scale(1);
		-ms-transition: all 300ms ease-in;
		-ms-transform: scale(1);   
		-moz-transition: all 300ms ease-in;
		-moz-transform: scale(1);
		transition: all 300ms ease-in;
		transform: scale(1);
		}
	
	
	
.ourApplicationsPanel-1 img{
	width:40%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	}
			
			
.ourApplicationsPanel-2{
	/*background-color:#F0F0F0;	border: solid 5PX #DBDBDB;*/
	
	font-size:10pt;
	color:#333;
	text-align:justify;
	width:23%;
	height:25%;
	float:left;
	padding:10px 20px 10px 20px;
	margin:0% 1% 0% 1%;
	vertical-align:middle;
	-webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);
	}
	.ourApplicationsPanel-2:hover{
		box-shadow: 0px 0px 40px #999999;
		z-index: 2;
		-webkit-transition: all 300ms ease-in;
		-webkit-transform: scale(1);
		-ms-transition: all 300ms ease-in;
		-ms-transform: scale(1);   
		-moz-transition: all 300ms ease-in;
		-moz-transform: scale(1);
		transition: all 300ms ease-in;
		transform: scale(1);
		}
		
.ourApplicationsPanel-2 img{
	width:40%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	}
	
	
.ourApplicationsPanel-3{
	
	
	font-size:10pt;
	color:#333;
	text-align:justify;
	width:23%;
	height:25%;
	float:left;
	padding:10px 20px 10px 20px;
	margin:0% 0% 0% 1%;
	vertical-align:middle;
	-webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);
	}
	.ourApplicationsPanel-3:hover{
		box-shadow: 0px 0px 40px #999999;
		z-index: 2;
		-webkit-transition: all 300ms ease-in;
		-webkit-transform: scale(1);
		-ms-transition: all 300ms ease-in;
		-ms-transform: scale(1);   
		-moz-transition: all 300ms ease-in;
		-moz-transform: scale(1);
		transition: all 300ms ease-in;
		transform: scale(1);
		}
	
.ourApplicationsPanel-3 img{
	width:40%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	}
			
.ourApplicationsPanel-4{
	
	
	font-size:10pt;
	color:#333;
	text-align:justify;
	width:23%;
	height:25%;
	float:left;
	padding:10px 20px 10px 20px;
	margin:0% 0% 0% 1%;
	vertical-align:middle;
	-webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);
	}
	.ourApplicationsPanel-4:hover{
		box-shadow: 0px 0px 40px #999999;
		z-index: 2;
		-webkit-transition: all 300ms ease-in;
		-webkit-transform: scale(1);
		-ms-transition: all 300ms ease-in;
		-ms-transform: scale(1);   
		-moz-transition: all 300ms ease-in;
		-moz-transform: scale(1);
		transition: all 300ms ease-in;
		transform: scale(1);
		}
	
.ourApplicationsPanel-4 img{
	width:40%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	}


/* Second Row Container*/
#icon-block{
	text-align:center;
	width:100%;
	height:auto;
	margin:2% 0 0% 0;
	padding:0;
	float:left;
	}

	
.icon-content-img{
	margin:4% 2% 4% 2%;
	width:10%;
	height:auto;
	display:inline-block;
    border:0;
    position: relative;
    -webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);
	}

	.icon-content-img:hover{
		box-shadow: 0px 0px 40px #999999;
		z-index: 2;
		-webkit-transition: all 300ms ease-in;
		-webkit-transform: scale(1.2);
		-ms-transition: all 300ms ease-in;
		-ms-transform: scale(1.2);   
		-moz-transition: all 300ms ease-in;
		-moz-transform: scale(1.2);
		transition: all 300ms ease-in;
		transform: scale(1.2);
		}
/* Second Row Container Ends*/

				
			
/* NEWS SECTION START */			

.newsContainer{
	background-color:#d6d6d6;
	width:98%;
	float:left;
	position:relative;
	padding:3% 0 3% 2%;
	margin:0;
	}
		

.newsContentBlock{
	background:#FFF;
	width:46%;
	height:auto;
	float:left;
	padding:1% 0.5% 1% 0.5%;
	margin:0% 0% 0% 1%;
	
	}

.newsHeading{
	
	font-size:10pt;
	color:#68273a;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	width:100%;
	height:0%;
	float:left;
	padding:0;
	margin-bottom:0%;
	}	

.newsContentTitle{
	
	font-size:0.9em;
	color:#333;
	float:left;
	width:90%;
	height:auto;
	}
		
		.newsContentTitle a:link{
			
			font-size:0.9em;
			text-decoration:none;
			color:#333;
			}
		.newsContentTitle a:hover{
			
			text-decoration:underline;
			color:#a73858;
			}	
		.newsContentTitle a:visited{
			color:#333;
			}
		.newsContentTitle a:active{
			color:#333;
			}
			
.newsHeading{
	
	font-size:1em;
	color:#68273a;
	width:96%;
	height:1%;
	float:left;
	padding:0% 4% 0% 0%;
	margin-bottom:3%;
	}
	

	
		
	
.newsImage{
	border-width:4px;
	border-style:solid;
	border-color:#c0c0c0;
	width:72%;
	min-height:26%;
	float:left;
	margin:0% 2% 1% 0%;
	}	
	
.ourAppContentTitle{
	background-image:url(../images/OurApp-BG2.jpg);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	
	font-size:0.9em;
	color:#333;
	border-radius:0px;
	width:23.5%;
	height:23%;
	float:left;
	padding:1%;
	margin:0% 0% 0% 1%;
	}
			
.ourAppHeading{
	background-color:#68273a;
	
	font-size:10pt;
	color:#FFF;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	width:96%;
	height:auto;
	float:left;
	padding:1.4% 1% 1.4% 3%;
	margin-bottom:3%;
	}
	
	
.ourAppTitle{
	background: rgba(104, 39, 58, .6);
	width:80%;
	height:auto;
	
	font-size:10pt;
	color:#FFF;
	text-align:center;
	padding:5px 10px 5px 10px;
	margin:3% 7% 0% 7% ;
	}
		.ourAppTitle a:link{
			
			text-decoration:none;
			color:#FFF;
			}
		.ourAppTitle a:hover{
			color:#CCC;
			text-decoration:underline;
			}	
		.ourAppTitle a:visited{
			color:#FFF;
			}
		.ourAppTitle a:active{
			color:#FFF;
			}
	
	

.eventsContentBlock{
	
	background:#fff;
	width:22%;
	height:257;
	float:left;
	padding:1% 1% 0% 1%;
	margin:0;
	border:solid 0px #60F;
	}



.eventsContentTitle{
	
	font-size:0.9em;
	color:#333;
	float:left;
	width:100%;
	height:auto;
	padding:0px 0px 0px 0px;
	}
		
		.eventsContentTitle a:link{
			
			font-size:0.82em;
			text-decoration:none;
			color:#333;
			}
		.eventsContentTitle a:hover{
			
			text-decoration:underline;
			color:#a73858;
			}	
		.eventsContentTitle a:visited{
			color:#333;
			}
		.eventsContentTitle a:active{
			color:#333;
			}
			
.eventsHeading{
	
	font-size:10pt;
	color:#68273a;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	width:100%;
	height:0%;
	float:left;
	padding:0;
	margin-bottom:0%;
	}			
				
.eventsImage{
	border-width:4px;
	border-style:solid;
	border-color:#c0c0c0;
	width:22%;
	height:auto;
	float:left;
	margin:0% 2% 1% 0%;
	}	
			
	

/* ICONS SECTION START */

.iconContainer{
	text-align:left;
	}

.iconContent{
	background-color:#FFF;
	width:90%;
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	margin:0% 0% 0% 5%;
 	}

.iconContentTitle{
	background-color:#FFF;
	margin:2%;
	width:60%;
	height:auto;
	display:inline-block;
 
    position: relative;
    border-radius: 50%;
	margin:5% 5% 5% 5%;
    -webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);
	}

	.iconContentTitle:hover{
		box-shadow: 0px 0px 80px #999999;
		z-index: 2;
		-webkit-transition: all 300ms ease-in;
		-webkit-transform: scale(1.2);
		-ms-transition: all 300ms ease-in;
		-ms-transform: scale(1.2);   
		-moz-transition: all 300ms ease-in;
		-moz-transform: scale(1.2);
		transition: all 300ms ease-in;
		transform: scale(1.2);
		}




/* FOOTER SECTION START */



.contact-bottom-bg {
	border: 0px solid #F60;
	background-color:#333;
	background-size:100% auto;
	width:100%;
	min-height:20%;
	padding:30 0 20 0;
	margin:3% 0 0 0;
	float:left;
	}
.bottom-links {
	border: 0px solid #F60;
	width:20%;
	padding:0 0 0 0;
	margin:0 0 0 16%;
	float:left;
	}

.bottom-links-title {
	font-family:AvantGarde Bk BT;
	font-size:14pt;
	color:#FFF;
	letter-spacing:2px;
	}
	
.bottom-links-nav{
			height:auto;
			text-align:left;
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			}
		
		.bottom-links-nav ul{
			list-style:none;
			margin:0 0 0 0;
			padding:20 0 0 20;
			}
			
		.bottom-links-nav ul li{
			display:list-item;
			font-family:AvantGarde Bk BT;
			font-size:10pt;
			letter-spacing: 2px;
			line-height:20px;
			color:#FFF;
			background-color:#444;
			border:0px solid #d8334f;
			border-radius:0px;
			margin: 3 0 0 0;
			padding: 0 0 0 10;
			width:80%;
			font-weight:normal;
			text-align:left;
			text-decoration:none;
			}	
			
		.bottom-links-nav a:link, .bottom-links-nav a:visited {
			color:#FFF;
			display:inline-block;
			padding:0% 1% 0% 1%;
			letter-spacing: 2px;
			text-decoration:none;
			}	
			
		.bottom-links-nav a:hover, .bottom-links-nav a:active, 
		.bottom-links-nav .active a:link, .bottom-links-nav .active a:visited {
			background-color:;
			color:#CCC;
			text-shadow:none;
			}
			
		.bottom-links-nav ul li a{
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			}


hr.bottom1 {
	border-top: 1px;
	border-color:#CCC;
	}
	
	
.bottom-achievement {
	border: 0px solid #F60;
	width:20%;
	padding:0 0 0 0;
	margin:0 0 0 4%;
	float:left;
		}

.bottom-achievement-title {
	font-family:AvantGarde Bk BT;
	font-size:14pt;
	color:#FFF;
	letter-spacing:2px;
	}
	
.bottom-achievement-nav{
			height:auto;
			text-align:left;
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			}
		
		.bottom-achievement-nav ul{
			list-style:none;
			margin:0 0 0 0;
			padding:20 0 0 20;
			}
			
		.bottom-achievement-nav ul li{
			display:list-item;
			font-family:AvantGarde Bk BT;
			font-size:10pt;
			letter-spacing: 1px;
			line-height:24px;
			color:#FFF;
			font-weight:normal;
			text-align:left;
			text-decoration:none;
			}	
			
		.bottom-achievement-nav a:link, .bottom-achievement-nav a:visited {
			color:#FFF;
			display:inline-block;
			padding:0% 1% 0% 1%;
			letter-spacing: 1px;
			text-decoration:none;
			}	
			
		.bottom-achievement-nav a:hover, .bottom-achievement-nav a:active, 
		.bottom-achievement-nav .active a:link, .bottom-achievement-nav .active a:visited {
			background-color:;
			color:#CCC;
			text-shadow:none;
			}
			
		.bottom-achievement-nav ul li a{
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			}


hr.bottom2 {
	border-top: 1px;
	border-color:#CCC;
	}
	

.bottom-further-links {
	border: 0px solid #F60;
	width:20%;
	padding:0 0 0 0;
	margin:0 0 0 4%;
	float:left;
		}

.bottom-further-links-title {
	font-family:AvantGarde Bk BT;
	font-size:14pt;
	color:#FFF;
	letter-spacing:2px;
	}
	
.bottom-further-links-nav{
			height:auto;
			text-align:left;
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			}
		
		.bottom-further-links-nav ul{
			list-style:none;
			margin:0 0 0 0;
			padding:20 0 0 20;
			}
			
		.bottom-further-links-nav ul li{
			display:list-item;
			font-family:AvantGarde Bk BT;
			font-size:10pt;
			letter-spacing: 2px;
			line-height:24px;
			color:#FFF;
			font-weight:normal;
			text-align:left;
			text-decoration:none;
			}	
			
		.bottom-further-links-nav a:link, .bottom-further-links-nav a:visited {
			color:#CCC;
			display:inline-block;
			padding:0% 1% 0% 1%;
			color:#FFF;
			letter-spacing: 2px;
			text-decoration:none;
			}	
			
		.bottom-further-links-nav a:hover, .bottom-further-links-nav a:active, 
		.bottom-further-links-nav .active a:link, .bottom-further-links-nav .active a:visited {
			background-color:;
			color:#CCC;
			text-shadow:none;
			}
			
		.bottom-further-links-nav ul li a{
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			}

.copyright-text{
	width:100%;
	margin:0 0 0 0;
	padding:80 0 10 0;
	color:#CCC;
	font-family:AvantGarde Bk BT;
	font-size:8pt;
	letter-spacing: 2px;
	font-weight:normal;
	text-align:center;
	float:left;
	}


hr.bottom3 {
	border-top: 1px;
	border-color:#CCC;
	}
	

/*  POPUP MESSAGE  */

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 0px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.0);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #333;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h3 {
  margin-top: 0;
  font-weight:normal;
  color:#FFC;
  
}
.popup h4 {
  margin-top: 0;
  color: #FFF;
  
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #999;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}




@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}




/* POPUP ENDs */


/* START MOBILE RESPONSIVE */
@media only screen and (min-width:150px) and (max-width:600px) {

    body {
        background-size: 100% 50%;
    }


    /* START HEADER */

    .mainHeader {
    }

        .mainHeader nav {
        }

            .mainHeader nav ul {
            }

                .mainHeader nav ul li {
                    display: inline;
                    font-size: 10.5pt;
                    text-align: left;
                    text-decoration: none;
                }

            .mainHeader nav a:link, .mainHeader nav a:visited {
                font-size: 10.5pt;
                text-align: left;
                text-decoration: none;
            }

            .mainHeader nav a:hover, .mainHeader nav a:active,
            .mainHeader nav .active a:link, .mainHeader nav .active a:visited {
            }

            .mainHeader nav ul li a {
            }





    /* START HEADER */

    #contaner-top {
        margin-top: 10;
        margin-bottom: 5%;
        background-color: #000;
        width: auto;
        text-align: center;
        padding: 1.5%;
    }

    #header-links {
    }

        #header-links img#lang {
            padding: 0px 30px 0px 0px;
        }

        #header-links img#fb {
            display: none;
        }

        #header-links img#tw {
            display: none;
        }

        #header-links img#rss {
            display: none;
        }

        #header-links img#loc {
            display: none;
        }

        #header-links img#ph {
            display: none;
        }

        #header-links img#stm {
            display: none;
        }


    .searchfield {
        width: 50%;
        height: 25px;
        border-bottom-style: solid;
        border: solid #ccc 0px;
    }

    #container-logo {
        width: 100%;
        text-align: center;
        height: 130px;
    }

    #header-logo-1 {
        width: 90%;
        text-align: center;
    }
        /*margin from top is 1% to bring down QNMP logo with MM logo*/
        #header-logo-1 img {
            width: 90%;
            margin: 1% auto auto 1%;
            /*padding:10px 18px 10px 18px;*/
        }

    #header-logo-2 {
        display: none;
    }

    .header-menu {
        width: 100%;
        padding: 30px 0% 30px 0px;
        margin: 0%;
        background-image: url(../images/pat_dark.png);
    }

        .header-menu nav {
            background-image: none;
            margin: 0%;
            padding: 0% 0% 0% 0%;
            text-align: center;
        }

            .header-menu nav ul {
                margin: 0%;
                padding: 0% 0% 0% 0%;
            }

                .header-menu nav ul li {
                    background-image: url(../images/pat_dark.png);
                    margin: 0%;
                    text-align: left;
                }

            .header-menu nav a:link, .header-menu nav a:visited {
                background-image: url(../images/pat_dark.png);
                margin: 0% 0% 0% 0%;
                background-color: #333;
                width: 80%;
                padding: 10px 10px 10px 20px;
            }

            .header-menu nav a:hover, .header-menu nav a:active,
            .header-menu nav .active a:link, .header-menu nav .active a:visited {
            }

            .header-menu nav ul li a {
            }

    #container-main {
        display: none;
    }

    .header-imgslide {
    }


    /* PRODUCT SECTION START */

    .mainContainer {
        background-color: #FFF;
        padding: 0px 0px 0px 0px;
        margin: 0% 0% 0% 0%;
        text-align: center;
    }

    .mainContent {
        background-color: #FFF;
        width: 90%;
        padding: 0px 0px 0px 0px;
        margin: 0% 0% 0% 5%;
    }

    .productContentTitleImage {
        /*padding:0px 0px 0px 0px;
	margin:19% 7% 0% 3%;*/
        display: none;
    }

    .ourProductTitle nav {
        width: 94%;
        line-height: 20px; /*If u remove this no space between two links*/
        float: left;
        margin: 0% 0% 0% 0%;
        padding: 3% 3% 0 3%;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }

        .ourProductTitle nav ul {
            width: 100%;
            padding: 0px;
            /*margin:3% 0% 0% 3%;*/
        }

            .ourProductTitle nav ul li {
                list-style: none;
                display: inline-block;
                background-color: #333;
                width: 100%;
                text-align: center;
                vertical-align: middle;
                font-size: 1em;
                text-decoration: none;
                padding: 0 0 0 0;
                margin: 0 0 11px 0;
            }

        .ourProductTitle nav a:link, .ourProductTitle nav a:visited {
            color: #FFF;
            display: block;
            padding: 0px;
            font-size: 0.95em;
            text-decoration: none;
        }

        .ourProductTitle nav a:hover, .ourProductTitle nav a:active,
        .ourProductTitle nav .active a:link, .ourProductTitle nav .active a:visited {
            background-color: #68273a;
            width: 100%;
            text-shadow: none;
            padding: 0px;
            margin: 0;
        }

        .ourProductTitle nav ul li a {
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
        }

    .aboutContentTitle {
        background-color: #FFFFFF;
        font-size: .9em;
        color: #666;
        text-align: center;
        width: 90%;
        padding-left: 15;
        padding-right: 15;
        padding-top: 5%;
        padding-bottom: 5%;
        margin: 5% 0% 5% 0%;
        vertical-align: middle;
    }

        .aboutContentTitle a:link {
            ont-size: .9em;
            text-decoration: none;
            color: #0000FF;
        }

        .aboutContentTitle a:hover {
            text-decoration: underline;
            color: #a73858;
        }

        .aboutContentTitle a:visited {
            color: #0000FF;
        }

        .aboutContentTitle a:active {
            color: #0000FF;
        }

        .aboutContentTitle img {
            display: none;
        }

    .videoContentTitle {
        display: none;
    }




    /* NEWS SECTION START */
    .newsContainer {
        width: 90%;
        float: left;
        padding: 0% 0% 0% 0%;
        margin: 0% 0% 0% 5%;
    }


    .newsContentBlock {
        width: 90%;
        padding: 1%;
        margin: 0% 0% 10% 4%;
    }


    .newsContentTitle {
        font-size: 0.9em;
        color: #333;
        float: left;
        width: 90%;
        height: auto;
    }

        .newsContentTitle a:link {
            font-size: 0.9em;
            text-decoration: none;
            color: #333;
        }

        .newsContentTitle a:hover {
            text-decoration: underline;
            color: #a73858;
        }

        .newsContentTitle a:visited {
            color: #333;
        }

        .newsContentTitle a:active {
            color: #333;
        }

    .newsHeading {
        background-color: #68273a;
        font-size: 1em;
        color: #FFF;
        text-align: center;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        width: 96%;
        height: 20px;
        float: left;
        padding: 1% 1% 1% 3%;
        margin-bottom: 3%;
    }

    .newsImage {
        border-width: 4px;
        border-style: solid;
        border-color: #c0c0c0;
        width: 22%;
        height: auto;
        float: left;
        margin: 0% 2% 1% 0%;
    }

    .ourAppContentTitle {
        display: none;
    }

    .ourAppHeading {
        display: none;
    }


    .ourAppTitle {
        display: none;
    }


    .eventsContentBlock {
        border-radius: 0px;
        width: 90%;
        min-height: 30%;
        float: left;
        padding: 1%;
        margin: 0% 0% 0% 4%;
    }


    .eventsContentTitle {
        font-size: 0.9em;
        color: #333;
        float: left;
        width: 90%;
        height: auto;
    }

        .eventsContentTitle a:link {
            font-size: 0.82em;
            text-decoration: none;
            color: #333;
        }

        .eventsContentTitle a:hover {
            text-decoration: underline;
            color: #a73858;
        }

        .eventsContentTitle a:visited {
            color: #333;
        }

        .eventsContentTitle a:active {
            color: #333;
        }

    .eventsHeading {
        background-color: #68273a;
        font-size: 1em;
        color: #FFF;
        text-align: center;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        width: 96%;
        height: 20px;
        float: left;
        padding: 1% 1% 1% 3%;
        margin-bottom: 3%;
    }

    .eventsImage {
        border-width: 4px;
        border-style: solid;
        border-color: #c0c0c0;
        width: 22%;
        height: auto;
        float: left;
        margin: 0% 2% 10% 0%;
    }
    /* Second Container*/
    .secondContainer {
        background-color: #D6D6D6;
        padding: 7% 0px 0px 0px;
        margin: 0% 0% 0% 5%;
        text-align: center;
    }
    .secondContent {
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0% 0% 0% 0%;
    }
    .InitiateImage {
        display:none;
    }

    .initiativeBlock {
        width: 100%;
        padding: 0%;
        float: left;
        margin: 0% 0% 10% 0%;
        
    }
    /*.appIcons {
        height:127px;
        
        text-align: center;
        display: inline-block;
    }

        .appIcons.banner-title {
            color: red;
        }*/

    /* Second Container Ends*/

    /* ICONS SECTION START */

   
    /* Icon Container Ends Here*/



    /* FOOTER SECTION START */

    .footerContainer {
        width: 100%;
        text-align: center;
        padding: 0% 0% 0% 0%;
        margin: 0%;
    }

    .footerContent {
        width: 100%;
        padding: 0% 0% 0% 0%;
        margin: 0%;
    }

    .footerContentTitle {
        width: 100%;
        background-color: #313138;
        font-size: 0.82em;
        color: #999;
        border-radius: 0px;
        float: left;
        padding: 15% 0% 15% 0%;
        margin: 0% 0% 0% 0%;
        line-height: 2;
    }

        .footerContentTitle a:link {
            text-decoration: none;
            color: #999;
        }

        .footerContentTitle a:hover {
            text-decoration: underline;
            color: #a73858;
        }

        .footerContentTitle a:visited {
            color: #999;
        }

        .footerContentTitle a:active {
            color: #999;
        }

    .footerLogo {
        display: none;
    }

    .footerLinks {
        width: 100%;
        text-align: center;
        padding: 0%;
        float: left;
        margin: 0% 0% 20% 0%;
    }

    .footerMap {
        display: none;
    }

    .footerContact {
        width: 100%;
        text-align: center;
        padding: 0%;
        float: left;
    }

    .bottomFooter {
        width: 90%;
        line-height: 2;
        text-align: center;
        float: left;
        background-color: #959595;
        font-size: 0.75em;
        color: #555;
        padding: 5% 5% 5% 5%;
    }